<!DOCTYPE html>
<style>
    html {
        -webkit-writing-mode: vertical-lr;
    }
    .columns {
        border: 2px solid black;
        overflow: auto;
        line-height: 20px;
    }
    .column1, .column2 {
        height: calc(50% - 10px);
        float: left;
    }
    .column1 {
        margin-bottom: 20px;
    }
    img {
        float: left;
        height: 150px;
        width: 320px;
        background-color: green;
        display: block;
    }
</style>
<div class="columns">
    <div class="column1">
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
    </div>
    <div class="column2">
        <img>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
    </div>
</div>
